<template>
  <f7-page>
    <!-- 导航栏 -->
    <qm-currentcy-navbar title="病害详情" bgColor="#1CBC9A" color="#fff">
      <template #nav-right>
        <f7-icon f7="ellipsis"></f7-icon>
      </template>
    </qm-currentcy-navbar>
    <f7-block class="qm-block">
      <!-- 下拉选择 -->
      <f7-row class="select-wrapper">
        <f7-col v-for="i in 3" :key="i">
          <qm-drowdown></qm-drowdown>
        </f7-col>
      </f7-row>
      <!-- 列表项 -->
      <qm-repair-card v-for="i in 5" :key="i"></qm-repair-card>
    </f7-block>

  </f7-page>
</template>

<script>

export default {
  data () {
    return {
    }
  },
  methods: {
    handleBack () {
      this.$f7router.back();
    }
  }
}
</script>

<style scoped lang="less">
.qm-block {
  margin: calc(32px * var(--ratio));
  padding: 0;

  .select-wrapper {
    padding-bottom: calc(10px * var(--ratio));
  }
}
::v-deep .page-content {
  padding-top: calc(88px * var(--ratio))
}
</style>
